.json-schema-form {
  .ant-form-item {
    @apply mb-4;
    .ant-form-item-label {
      & + .ant-form-item-control-input {
        min-height: auto;
      }
      label {
        color: #c3c4c5 !important;
      }
    }
    &.flex-row {
      .ant-form-item-label {
        padding-bottom: 0;
      }
    }
  }

  .setting-title {
    @apply capitalize font-medium text-sm text-white mb-4 px-4;
  }
  .ant-divider {
    border-color: rgba(125, 129, 137, 0.38) !important;
    margin: 0 0 16px;
  }

  .play-count-text {
    .ant-form-item-label > label {
      top: 4px;
      margin-right: 8px;
    }
  }

  .ant-input {
    height: 24px;
    background: #26272a;
    border-radius: 4px;
    border: none;
    box-shadow: none !important;
    color: #fff;
    font-size: 12px;
  }
  .ant-radio-button-wrapper {
    @apply w-16 h-16 inline-flex leading-none p-0  items-center justify-center;
    // font-size: 10px;
    // background: #3c3d42;
    // border: 1px solid rgba(36, 37, 39, 1);
    // border-radius: 4px;
    background: transparent;
    border: none !important;

    &::before {
      display: none;
    }

    & + .logo-template {
      @apply ml-6;
    }
    &.ant-radio-button-wrapper-checked {
      background: #26272a;
      border: 1px solid rgba(1, 113, 239, 1);
    }
    &.ant-radio-button-wrapper-checked {
      background: transparent;
      border: none;
      .icon {
        background: #26272a;
        border: 1px solid rgba(1, 113, 239, 1);
      }

      .title {
        color: #fff;
      }
    }
    .icon {
      @apply inline-flex leading-none p-0  items-center justify-center;
      font-size: 10px;
      background: #3c3d42;
      border: 1px solid rgba(36, 37, 39, 1);
      border-radius: 4px;
    }
    .title {
      @apply mt-2 block text-center text-xs;
      color: #d8d8d8;
    }
  }
}
